<script type="text/javascript" src="js/jquery/jquery.js"></script>
<script type="text/javascript" src="js/jquery/jquery.meio.mask.js" charset="utf-8" ></script>
<script type="text/javascript" src="js/jquery/jquery.validate.js" charset="utf-8" ></script>
<script type="text/javascript" src="js/form/validations.js" charset="utf-8" ></script>
<link rel="stylesheet" type="text/css" media="screen" href="css/validations.css" />
<script	src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script	src="http://code.jquery.com/ui/1.10.1/jquery-ui.js"></script>
<link	rel="stylesheet" href="http://code.jquery.com/ui/1.10.1/themes/base/jquery-ui.css" />

{literal}
	<script type="text/javascript">
		 $(function() {
			 $( "#fecha").datepicker({
				 showOn: "button",
				 buttonImage: "images/calendar-icon.png",
				 buttonImageOnly: true,
				 dateFormat: 'dd-mm-yy'
			 });
		 });
		
	</script>
{/literal}

<div class="grid_10">
	<div class="box round first fullpage">
   		<h2>Formulario de Datos</h2>  
       	<div class="block ">
           	<form id="formViajes" method="post" action="viajes.php">
           		<input type="hidden" id="action" name="action" value="save"/> 
           		<input type="hidden" id="id" name="id" value="{$viajes.id}"/> 
           		<table class="form">
						<tr>
						<td><label>Fecha:</label></td>
						<td><input type="text" id="fecha" name="fecha" value="{$viajes.fecha|date_format:'%d-%m-%Y'}" class="required" size="10" /></td>
					</tr>
					<tr>
						<td><label>Origen:</label></td>
						<td>
							<select style="width: 150px" id="origen" name="origen">
								<option value=""></option>
								{foreach from=$ciudades item="ciudad"}
									<option {if $viajes.origen == $ciudad.idCiudad} selected="selected"{/if} value="{$ciudad.idCiudad}">{$ciudad.ciudad}</option>
								{/foreach}
							</select>
						</td>
					</tr>
					<tr>
						<td><label>Destino:</label></td>
						<td>
							<select style="width: 150px" id="destino" name="destino">
								<option value=""></option>
								{foreach from=$ciudades item="ciudad"}
									<option {if $viajes.destino == $ciudad.idCiudad} selected="selected"{/if} value="{$ciudad.idCiudad}">{$ciudad.ciudad}</option>
								{/foreach}
							</select>
						</td>
					</tr>
					<tr>
						<td><label>Transporte:</label></td>
						<td>
							<select style="width: 250px" id="idTransporte" name="idTransporte">
								<option value=""></option>
								{foreach from=$transportes item="transporte"}
									<option {if $viajes.idTransporte == $transporte.idTransporte} selected="selected"{/if} value="{$transporte.idTransporte}">{$transporte.nombre}</option>
								{/foreach}
							</select>
						</td>
					</tr>
					<tr>
						<td><label>Tipo de Cami&oacute;n:</label></td>
						<td>
							<select style="width: 150px" id="tipoCamion" name="tipoCamion">
								<option value="0">No definido</option>
								<option value="1">Jaula</option>
								<option value="2">Chasis y Acoplado</option>
							</select>
						</tr>
					<tr>
						<td><label>Descripci&oacute;n:</label></td>
						<td>
							<textarea rows="3" cols="40" id="descripcion" name="descripcion">{$viajes.descripcion}</textarea>
						</td>
					</tr>
					<tr>
						<td class="button" colspan="2"><br><br>
							<input type="submit" class="save btn btn-grey" value="Guardar cambios" />
							<input type="button" value="Cancelar" class="btn btn-grey" onclick="goToPage('viajes.php');" />
						</td>
					</tr>  		
				</table>
			</form>
		</div>
	</div>
</div>